// out: newsModal.wxss, compress: false, sourceMap: false
.news-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 11;
    transition: opacity 300ms;
    view.mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 12;
        background-color: rgba(200, 200, 200, 0.5);
    }
    view.content {
        @radius: 2px;
       
        position: absolute;
        top: 40rpx;
        right: 40rpx;
        bottom: 40rpx;
        left: 40rpx;
        border: 2px solid #f6f6f6; // padding: 10px 5px;
        background: white;
        border-radius: @radius;
        box-shadow: 0 5px 5px 0 #aaaaaa;
        overflow: hidden;
        z-index: 13;
        image.close-button {
            position: absolute;
            right: 10rpx;
            top: 10rpx;
            height: 30rpx;
            width: 30rpx;
            padding: 10rpx;
            border-radius: 50%;
            background-color: rgba(80, 80, 80, 0.5);
            z-index: 15;
        }
        view.mid-layer {
            @init-header-height: 256px;
            position: absolute;
            top: 3px;
            bottom: 3px;
            left: 3px;
            right: 3px;
            overflow-y: auto;
            background: white;
            view.header-area {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                height: @init-header-height;
                background-size: cover;
                background-position: center;
                transition: top, height 100ms;
                z-index: 14;
                .title {
                    position: absolute;
                    left: 20rpx;
                    right: 20rpx;
                    bottom: 20rpx;
                    font-size: 20px;
                    line-height: 24px;
                    color: white;
                }
            }
            view.content-area {
                background: white;
                position: relative;
                margin-top: @init-header-height;
                padding: 16rpx 40rpx;
                font-size: 12px;
                line-height: 24px;
                z-index: 13;
                view.time-area {
                    font-size: 14px;
                    line-height: 24px;
                    color: #888888;
                    .label {
                        margin-right: 5px;
                    }
                    margin-top: 10px;
                        margin-bottom: 20px;
                }
                rich-text {
                    text-indent: 2em;
                }
            }
        }
    }
}